<div class="margin-top">
    <div class="row padding" v-if="repairDetailPhotosInfo.photos.length>0">
        <div class="text-title">工单图片</div>
        <div class="form-group margin-left" v-for="(item,index) in repairDetailPhotosInfo.photos">
            <img style="width: 120px; height: 120px;" v-bind:src="item.url" v-on:click="openFile(item)" />
        </div>
    </div>
    <div class="row padding" v-if="repairDetailPhotosInfo.beforePhotos.length>0">
        <div class="text-title">维修前图片</div>
        <div class="form-group margin-left" v-for="(item,index) in repairDetailPhotosInfo.beforePhotos">
            <img style="width: 120px; height: 120px;" v-bind:src="item.url" v-on:click="openFile(item)" />
        </div>
    </div>
    <div class="row padding" v-if="repairDetailPhotosInfo.afterPhotos.length>0">
        <div class="text-title">维修后图片</div>
        <div class="form-group margin-left" v-for="(item,index) in repairDetailPhotosInfo.afterPhotos">
            <img style="width: 120px; height: 120px;" v-bind:src="item.url" v-on:click="openFile(item)" />
        </div>
    </div>
</div>